<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
</head>
<body>
    <!--有序列表 <ol>
        1、li里面可以随意放置标签，但是ol里面只能放置li
        2、数字是自动生成的 
        3、type：1，A,a，I,i
        4、start：自定义开头序列，取值是数字-->
    <ol type="a" start="27">
        <li>放下手机</li>
        <li>摘下耳机</li>
        <li>减掉小肚腩</li>
    </ol>
    <!-- 无序列表  <ul>
        快捷 ul>li{aaaaa}*3
        1、ul里面只能放li，li里面可以放其他标签
        2、默认的是黑色的实心圆disc
        3、属性type：disc，circle，square，none-->
    <ul type="none">
        <li></li>
        <li></li>
    </ul>
    <!-- 自定义列表  <dl>
        1、 图片和文字没有对其，默认的有间距
        2、加样式加<dl>（整体）,<dl>里面不用加<dt>和<dd>（一个dl里加多个dd和dt）,方便以后加整体样式
        3、快捷方式 dl>dt+dd-->
    <dl>
        <dt>图片/名词</dt>
        <dd>文字-名词解释</dd>
        
    </dl>

    <dl>
        <dt>图片</dt>
        <dd>文字</dd>
    </dl>
</body>
</html>